<template>
    <div class="novelDetail-main">
        <div class="header-wrapper">
            <img src="~assets/image/novel/13.jpg" alt="" class="header-bg">
            <div class="content">
                <i class="back-icon" @click="$router.goBack()"></i>
                <div class="item">
                    <img src="~assets/image/novel/13.jpg" alt="" class="novel-icon">
                    <div class="right">
                        <p class="name">太初</p>
                        <p>作者：高楼大厦</p>
                        <p>分类：玄幻  ·  东方玄幻</p>
                        <p>来源：read.qidian.com</p>
                        <p>更新：2小时前</p>
                    </div>
                </div>
                <div class="btn-wrapper">
                    <button class="enter">加入书架</button>
                    <button class="begin-read">开始阅读</button>
                    <button class="app-read">APP阅读</button>
                </div>
            </div>
        </div>
        <div class="novel-introduction">
            <Introduction :desStr="desStr"></Introduction>
        </div>
        <div class="catalog-list">
            <p class="title">太初最新章节</p>
            <ul>
                <router-link tag="li" to="/read" v-for="i in 5" :key="i">
                    <span class="list-item ellipsis">第798章 仙王道义传长老</span><i class="icon"></i>
                </router-link>
                <router-link tag="li" to="/catalog">
                    <span class="left">目录</span><span class="center">连载至798章 · 15小时前更新</span><i class="icon"></i>
                </router-link>
            </ul>
        </div>
    </div>
</template>

<script>
import {Toast} from 'mint-ui'
import Introduction from './introduction'
export default {
    metaInfo: {
        title: "目录 - 快眼看书",
        meta: [{
            name: "description",
            content: "快眼看书专注于玄幻小说搜索,新版快眼看书,提供最全的小说保持最快的更新,方便大家愉快地阅读玄幻小说"
        },{
            name: "keyWords",
            content: "目录,快眼看书"
        }]
    },
    data () {
        return{
            msg: 'hehe',
            desStr: ' 黎明时分，黑夜与白昼正在交接，浓雾中的大田镇还在熟睡，除了几个勤奋的猎户开始上山狩猎，偶尔几声鸡啼犬吠也没能惊扰大田镇的清梦，很快湮没在寂静中。依山吃山，靠水吃水，背靠着小屿山的大田镇名字中带着耕田的美好愿望，却因田地稀少和贫瘠而不得不世代狩猎。'
        }
    },
    components: {
      Introduction
    }
}
</script>
